@import '@/uni_modules/uni-scss/variables.scss';




/* 自定义字体 */
@font-face {
  font-family: 'D-DIN';
  src: url("https://oss.starlink-express.com/miniapp/static/font/D-DIN.otf");
}
@font-face {
  font-family: 'DIN Alternate';
  src: url("https://oss.starlink-express.com/miniapp/static/font/D-DIN.otf");
}
@font-face {
  font-family: 'D-DIN-Bold';
  src: url("https://oss.starlink-express.com/miniapp/static/font/D-DIN-Bold.otf");
}
@font-face {
  font-family: 'D-DIN-Italic';
  src: url("https://oss.starlink-express.com/miniapp/static/font/D-DIN-Italic.otf");
}
// @font-face {
//   font-family: 'D-DINExp';
//   src: url("./static/font/D-DINExp.otf");
// }
// @font-face {
//   font-family: 'D-DINExp-Italic';
//   src: url("./static/font/D-DINExp.otf");
// }

// common.css
.wd100 {
	width: 100%;
}
.mt16 {
	margin-top: 16upx;
}
.mt20 {
	margin-top: 20upx;
}
.mt24 {
	margin-top: 24upx;
}
.pt24 {
	padding-top: 24upx;
}
.mb24 {
	margin-bottom: 24upx;
}
.pb24 {
	padding-bottom: 24upx;
}
.ml30 {
	margin-left: 30upx;
}
.m30_auto {
	margin: 30upx auto;
}
.form-card {
	padding: 24upx;
	background-color: #ffffff;
	border-radius: 24upx;
}
.fc-yellow {
	color: $xl-yellow;
}
.fc-purple {
	color: $xl-purple;
}
.icon-img {
	width: 32upx;
	height: 32upx;
}
.pager-banner {
	width: 100%;
	height: 400upx;
	.banner-img {
		width: 100%;
		height: 100%;
	}
}

// layout 
.content-box {
  width: 690upx;
  margin-left: auto;
  margin-right: auto;
}
// button class
.app-button {
  width: 520upx;
  height: 90upx;
  background: #461E50;
  color: #ffffff;
  text-align: center;
  line-height: 90upx;
  font-weight: 500;
  font-size: 30upx;
  border-radius: 100upx;
}

.app-button-DC3029 {
	color: #ffffff;
	background-color: #dc3029;
	border: 2upx solid #dc3029;
}

.app-button-FFFFFF {
	color: #000000;
	border: 2upx solid #3A3A3A;
	background-color: #ffffff;
}

.app-button-292929 {
	color: #ffffff;
	border: 2upx solid #0A1D4E;
	background-color: #0A1D4E;
}
.app-button-1F1F1F {
  color: #ffffff;
  border: 2upx solid #F1F1F1;
  background-color: #F1F1F1;
}

.app-button-003DA9 {
	color: #292929;
	border: 2upx solid #F4F4F4;
	background-color: #F4F4F4;
}

.app-button-fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	display: flex;
	font-size: 30upx;
	box-shadow: 0upx -2upx 4upx 2upx rgba(213, 213, 213, 0.2);
}

.app-button-fixed-transparent {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	font-size: 30upx;
}

.app-button-position-middle {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.app-button-position {
	position: fixed;
	left: 50%;
	bottom: 40upx;
	transform: translateX(-50%);
}

.app-margin-bottom {
	margin-bottom: 60upx;
}

.app-button-background {
	width: 100%;
	height: 119upx;
	background: #ffffff;
	box-shadow: 0upx -2upx 4upx 2upx rgba(213, 213, 213, 0.4);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.app-button-placeholder {
	height: 125upx;
	width: 100%;
}
